<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>事件类型</title>
	<style>
        body {
            height: 1000px;
        }
		section {
			padding: 10px;
		}
	</style>
</head>
<body>
	<h1>事件类型示例</h1>
	<section>
		<h1>鼠标类</h1>
		<ul>
			<li>click</li>
			<li>mousedown</li>
			<li>mouseup</li>
			<li>mouseenter</li>
			<li>mouseleave</li>
			<li>mouseover</li>
			<li>mouseout</li>
			<li>mousemove</li>
		</ul>
	</section>
	<section>
		<h1>键盘类</h1>
		<ul>
			<li>keydown</li>
			<li>keypress</li>
			<li>keyup</li>
		</ul>
	</section>
	<section>
		<h1>UI 类事件</h1>
		<ul>
			<li>load</li>
			<li>unload</li>
			<li>resize</li>
			<li>scroll</li>
		</ul>
	</section>
</body>
</html>